import userAxios from '../../api/request';

let form = document.querySelector('#form');
let usernameInp = document.querySelector('#username');
let profileInp = document.querySelector('#profile');
let preimg = document.querySelector('#preimg');
let _idInp = document.querySelector('#_id');

// 当内容发生变化时触发
profileInp.onchange = function(e){
    // 1. 创建一个读取文件的对象
    let fileReader = new FileReader();
    // 2. 获取选中的文件
    let file = e.target.files[0];
    // 3. 使用dataURL方式读取文件（base64编码）
    fileReader.readAsDataURL(file);
    // 4. 当文件读取完毕时
    fileReader.onload = function(){
        // 5. 获取到读取的内容
       let res =  fileReader.result;
        // 6. 将内容直接放到img标签的src中
       preimg.src = res;
    }
}
// 获取id
let uId = window.location.search.split('=')[1];
// 信息预览
userAxios('/admin/user',{ params:{
    id:uId
} }).then(val=>{
    usernameInp.value = val.data.username;
    preimg.src ='http://localhost:8081'+ val.data.profile;
    _idInp.value = uId;
})
// 点击提交
form.onsubmit = function(e){
    e.preventDefault();
    let data = new FormData(form);
    userAxios({
        url:"/admin/user",
        method:"put",
        data:data
    }).then(val=>{
        if(val.code === 2000){
            alert('更新用户成功')
            window.location.href = 'users.html';
        }else{
            alert('更新失败')
        }
    })

}